<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<!--v-model的双向绑定-->
<div id="app">
<!--  <input type="text" v-model="message">-->
  <input type="text" :value="message" @input="valueChange">
  {{message}}
</div>
  <script src="../../js/vue.js"></script>
  <script>
    const app = new Vue({
      el:'#app',
      data:{
        message:"你好啊！！"
      },
      methods:{
        valueChange(event){     //一旦在界面产生一个事件浏览器就会生成一个event，event是默认值可以在调取时省略
          this.message = event.target.value;
        }
      }
    })
  </script>
</body>
</html>